<script setup lang="ts">
import Header from './components/Header.vue';
import { RouterView } from 'vue-router';
</script>

<template>
  <div class='app'>
    <Header />
    <div class='body'>
      <RouterView />
    </div>
  </div>
</template>

<style lang="scss">
@use "./styles/global.scss" as *;
body{
  margin: 0;
  padding: 0;
}

.app{
  box-sizing: border-box;
  height: 100vh;
  width: 100vw;
  max-height: 100vh;
  max-width: 100vw;
  min-width: 1200px;
  min-height: 700px;
  display: flex;
  flex-direction: column;
  //overflow-x: hidden;
  &::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
  .body{
    box-sizing: border-box;
    padding: 8px;
    height: calc(100% - 40px);
    background-image: url("../public/bg.jpg");
    background-size: cover;
  }

}
</style>
